<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%@ page isELIgnored="false" %> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
        <title>${album.title }<c:out value="${pageTitle }">${_blogTitle }</c:out></title>
        <meta name="keywords" content="${_keyword }" />
        <meta name="description" content="${_description }" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link href="/static/css/base.css" rel="stylesheet" />
		<link href="/static/css/index.css" rel="stylesheet" />
		<link href="/static/css/m.css" rel="stylesheet" />
		<script src="/static/plugin/jquery.min.js"></script>
		<link rel="icon" href="/static/img/logo.ico" type="image/x-icon" />

<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->


        <style  type="text/css" >
	    .album-top{
	        width:100%;
	        position: relative;
	        background: url("/static/img/bg.jpg") 0 / cover ;
	        padding: 0px;
	        box-sizing: border-box;
	        z-index:1;
	        height: 210px;
	        overflow : hidden;
	        margin-top : 0px;
	    }
	    .album-top:after{
	        content: "";
	        width: 100%;
	        height: 120%;
	        position: absolute;
	        left: 0;
	        top: 0;
	        background: inherit;
	        filter: blur(12px);
	        z-index: 2;
	    }
	    .header-blank{
	       display : none;
	    }
	    .album-outer{
	       width : 1110px;
	       margin : auto;
	       min-height : 145px;
	    }
	    .album-info-div{
           color : white;
	       width : 1000px;
	       margin : -100px auto;
	       z-index : 1000;
	       height : 200px;
           position : absolute;
	    }
	    .album-img{
	       background-color : white;
           box-shadow : 0px 0px 12px rgba(121, 121, 121, 0.7);
           border-radius : 1px;
	    }
        .album-title{
            font-size : 35px;
            line-height : 90px;
            margin-left : 30px;
        }
        .album-info{
            color : black;
            padding-top : 40px;
            margin-left : 25px;
        }
        </style>
	</head>
	
	<body>

	<jsp:include page="common/top.jsp" />

    <div class="album-top">
    </div>
    <div class="album-outer">
	    <div class="album-info-div">
	        <table>
	            <tr>
	                <td >
	                   <div style="width : 155px; height : 225px; box-shadow : 1px 1px 1px white;">
	                    <img class="album-img" width="155" height="225" src="${album.logo }" alt="" />
	                   </div>
	                </td>
	                <td valign="top">
	                    <div class="album-title">
	                        ${ album.title } 
	                    </div>
	                    <div class="album-info">
	                        ${ album.info }
	                    </div>
	                </td>
	            </tr>
	        </table>
	    </div>
    </div>
    
	    
	<article style="border : 0px solid red; padding-right : 3px;">
	    <div class="blogs" style="padding-top : 13px; width : 99%;">
	        <div class="blogs-1">
	        <c:choose>
	        <c:when test="${ not empty album.articles }">  
	            <c:forEach var="article" items="${ album.articles }" varStatus="status" >
	            <li> 
	                <h3 class="blogtitle">
	                    <a href="articledetail?atclid=${article.articleId}" target="_blank">${article.articleTitle }</a>&nbsp;&nbsp;&nbsp;
	                </h3>
	                
	                <c:if test="${not empty article.imageUrl }">
	                <span class="blogpic">
	                    <a href="articledetail?atclid=${article.articleId}" target="_blank">
	                        <img src="<c:out value="${article.imageUrl }">https://oomabc.com/staticsrc/img/201809/25/1537852410029_eda9dd1328e64bb8afa0b97a3c2c6c91.jpg</c:out>_260X150">
	                    </a>
	                </span>
	                </c:if>
	                
	                <div class="bloginfo">
	                    <a href="articledetail?atclid=${article.articleId}" target="_blank">
	                        <p>${article.content }</p>
	                    </a>
	                </div>
	                
                    <div class="autor">
                        <c:if test="${not empty article.tags }">
                        <span class="lm">
                            <c:forEach var="tag" items="${article.tags }" varStatus="status">
                            <a href="list?tag=${tag }" target="_blank" class="classname">${tag }</a>&nbsp;&nbsp;
                            </c:forEach>
                        </span>
                        </c:if>
                        <span class="dtime">${article.updateTimeString }</span>
                        <span class="viewnum">浏览（${article.viewCount }）</span>
                        <span class="goodNum">有用（${article.goodCount }）</span>
                        <span class="readmore"><a href="articledetail?atclid=${article.articleId}" target="_blank">阅读原文>></a></span>
                        
                        <c:if test="${not empty article.srcType }">
                            <c:choose>
                                <c:when test="${ article.srcType == 1 }">  
                                    <span>[原创]</span>
                                </c:when>
                                <c:otherwise> 
                                    <span>[转载]</span>
                                </c:otherwise>
                            </c:choose>
                        </c:if>
                        
                    </div>
	            </li>
	            </c:forEach>     
	        </c:when>
	        <c:otherwise> 
	            <div>no </div>
	        </c:otherwise>
	       </c:choose>
	       </div>
	        
	    </div>
	    
<%-- 	  	<div class="sidebar" style="padding-top : 13px; ">
	        <!-- 标签 -->
	        <jsp:include page="common/tags_rank.jsp" />
	        
		   	<!-- 点击排行 -->
			<jsp:include page="common/click_rank.jsp" />
			
			<!-- 站长推荐 -->    
			<jsp:include page="common/priority_rank.jsp" />
	  	</div> --%>
	</article>

	<div class="blank"></div>
	<jsp:include page="common/bottom.jsp" />
</body>
</html>